.threed-carousel {
  width: 100%;
  height: 100%;
  background-image: linear-gradient(45deg, #8b5cf6, #ec4899);
  display: flex;
  justify-content: center;
  align-items: center;
  .tc-box {  
    .tcb-card { 
      display: inline-block;
      width: 200px;
      height: 300px;
      background-color: #fff;
      border-radius: 8px;
      text-align: center;
      font-size: 26px;
    }
    .tcb-card-active {
      position: relative;
      img {
        width: 64px;
        height: 64px;
        cursor: pointer;
        position: absolute;
        transform: translateY(-50%);
        &:first-of-type {
          top: 50%;
          left: -64px;
        }
        &:last-of-type {
          top: 50%;
          right: -64px;
        }
      }
    }
  }
}
